<markdown>
# 加载失败

使用插槽 `#error` 或 属性`fallback` 可自定义加载失败内容
</markdown>

<template>
  <x-space>
    <x-space vertical align="center">
      <x-tag>默认</x-tag>
      <x-image width="128" height="128" :src="src" />
    </x-space>
    <x-space vertical align="center">
      <x-tag>fallback</x-tag>
      <x-image width="128" height="128" :src="src" :fallback="fallback" />
    </x-space>
    <x-space vertical align="center">
      <x-tag>#error</x-tag>
      <x-image width="128" height="128" :src="src">
        <template #error>
          <x-icon type="video" size="2.5em" />
        </template>
      </x-image>
    </x-space>
  </x-space>
</template>

<script setup>
const src = '？？？？？？？'
const fallback = 'https://img2.baidu.com/it/u=1928736049,3128591086&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333'
</script>
